@charset "utf-8";

$font-size:16px;
$t-color:#323232;
$z_color:#ffc000;

@font-face{
    font-family: '造字工房力黑';
//  src:url(../../font/造字工房力黑（非商用）常规体.ttf);
}

.web{
    min-width: 1240px;
    .main{        
        max-width: 1240px;
        min-width: 1200px;
        margin: auto;
    }
    //导航栏
    .nav{      
        height: 125px;
        font-family: "文鼎CS报宋繁";
        font-size: 24px;
        padding-top: 40px;
        color: $t-color;
        .left{
            float: left;
            padding-top: 8px;
        }
        .right{
            float: right;
            .current{
                color: $z_color;
            }
            .before{
                color: $t-color;
            }
            li{
                position: relative;
                float: left;
                padding: 27px 44px;
                cursor: pointer;                
                a:hover{
                    color: $z_color;
                }
                dl{
                    z-index: 99;
                    height: 0;
                    overflow: hidden;
                    padding:0 25px;
                    font-size: 18px;
                    text-align: center;
                    position: absolute;
                    background:rgba(0,0,0,.3);
                    left: 32px;
                    top: 85px;
                    transition: all .3s ease-in; 
                    dd{                       
                        line-height: 34px;
                        a{
                            color: #fff;                           
                        }
                    }
                }              
            }
            li:hover{
                color: $z_color;
            }
            li:hover>.pinpai{
                height:176px;
            }
            li:hover>.jiameng{
                height:108px;
            }
            li:hover>.server{
                height:74px;
            }
            li:hover>.news{
                height:144px;
            }
        }
    }
    //标题头
    .title{
        text-align: center;
        padding: 50px 0;
        h1{
           font-size: 38px;
           font-family: "造字工房力黑"; 
           color: $z_color;
        }
        .title-e{
            font-size: 30px;
            font-family: "Adobe 黑体 Std";
            color: $t-color;
            line-height: 1;
        }
    }
    //回到顶部
    #go_top{
        transition: all .5s ease-in; 
        cursor: pointer;
        background: $z_color;
        width: 66px;
        height: 66px;
        position: fixed;
        bottom:-8% ;
        right: 8%;
        text-align: center;
        vertical-align: middle;
        img{
            display: inline-block;
            padding-top: 15px;
            transition: all .5s ease-in-out; 
        }
        :hover>img{
           padding-top: 0;
        }
    }
    //底部
    .footer{
        background: #393737;
        padding: 32px 0 70px 0;
        .foot-top{
            font-size: 24px;
            font-family: "文鼎CS报宋繁";
            margin: auto;
            width: 856px;
            li{
                float: left;
                padding: 0 40px;
                a{
                    color: #fff;
                }
            }
            b{
                float: left;
                width: 4px;
                height: 37px;
                background: #fff;
            }
        }
        .title{
            .title-e{
                color: #fff;
            }
        }
        .company{
            font-size: 26px;
            font-family: "方正兰亭黑_GBK";
            color: #fff;
            .left-logo{
                float: left;
                padding: 0 18px 0 120px;
            }
            .right-company{
                float: left;
                p{
                    line-height: 46px;
                }
            }
        }
    }
}
